﻿@model WebMVC.Models.PriceCalculationViewModel
<h4 class="nav-header nav-header-icon">@ViewResources.SharedStrings.PriceCalculatorNavHeader </h4>
<div class="nav-bearcrumb">
    <span>beta</span>
</div>
<div class="nav-item">
    <div id="price-calc-panel">
    <div class="tab-bar">
        <a href="javascript:void" id="simple-switch" class="switched" >simple</a>
        <a href="javascript:void" id="pro-switch">pro</a>
    </div>
           
    <p class="calc-display"><em id="totalPrice">0,00</em></p>
    <div id="simple-mode">
        @using(Ajax.BeginForm("CalculatePrice","Product",null, new AjaxOptions{UpdateTargetId="totalPrice"})){ 
        <p><em>@ViewResources.SharedStrings.CalculatorProduct </em>@Html.DropDownListFor(m => m.ProductType, new List<SelectListItem>(), new {id="product-types-simple" })</p>
                
        <p><em>@ViewResources.SharedStrings.CalculatorSides </em>
            @Html.RadioButtonFor(m => m.ColorMode, Domain.Type.ColorMode.Mode4x0, new { id = "ColorMode" + Domain.Type.ColorMode.Mode4x0})
            <label for="@("ColorMode" + Domain.Type.ColorMode.Mode4x0)">@ViewResources.SharedStrings.CalculatorOneSide</label>
            @Html.RadioButtonFor(m => m.ColorMode, Domain.Type.ColorMode.Mode4x4, new { id = "ColorMode" + Domain.Type.ColorMode.Mode4x4})
            <label for="@("ColorMode" + Domain.Type.ColorMode.Mode4x4)">@ViewResources.SharedStrings.CalculatorBothSide</label>
        </p>
        @Html.HiddenFor(m => m.PrintMediaCode, new { id="default-print-media"})
        <p><em>@ViewResources.SharedStrings.CalculatorFormat </em> 
            <span id="form-factors-cont"></span>
        </p>
        <p><em>@ViewResources.SharedStrings.CalculatorQuantity </em> @Html.TextBoxFor(m => m.Quantity) </p>
        <p><input type="submit" value="@ViewResources.SharedStrings.CalculatorCalculateButton " />   </p>
        } 
    </div>
    <div id="pro-mode"  style="display:none">
        @using(Ajax.BeginForm("CalculatePrice","Product",null, new AjaxOptions{UpdateTargetId="totalPrice"})){ 
        <p><em>@ViewResources.SharedStrings.CalculatorProduct </em> @Html.DropDownListFor(m => m.ProductType, new List<SelectListItem>(), new {id="product-types" })</p>
        <p><em>@ViewResources.SharedStrings.CalculatorColoring </em> @Html.DropDownListFor(m => m.ColorMode, new List<SelectListItem>(), new {id="color-modes" }) </p>
        <p><em>@ViewResources.SharedStrings.CalculatorFormat </em> @Html.DropDownListFor(m => m.FormFactorId, new List<SelectListItem>(), new { id = "form-factors" })</p>
        <p><em>@ViewResources.SharedStrings.CalculatorPaper </em> @Html.DropDownListFor(m => m.PrintMediaCode, new List<SelectListItem>(), new { id = "media-types" })</p>
        <p><em>@ViewResources.SharedStrings.CalculatorQuantity </em> @Html.TextBoxFor(m => m.Quantity) </p>
        <p><input type="submit" value="@ViewResources.SharedStrings.CalculatorCalculateButton " />   </p>
        } 
    </div>
    <p class="dislaimer-text">@Html.Raw(ViewResources.HomeStrings.PriceAndCurrencyDisclaimer) </p>

    </div>
</div>